{wc:templates "index","header"}
<div class="main-content clearfix">
{wc:templates "member","left"}
<link rel="stylesheet" type="text/css" href="{G_TEMPLATES_STYLE}/css/user.message.css"/>
<script type="text/javascript" src="{G_TEMPLATES_STYLE}/js/ZeroClipboard.js"></script>

         <div class="R-content">
            <div class="member-t"><h2>邀请好友</h2></div>
            
		        <div id="divInvited" class="success-invitation gray02"  >
			        <p>复制链接邀请好友拿四重大礼！ <a target="_blank" href="{WEB_PATH}/single/pleasereg" class="blue">详情&gt;&gt;</a></p>
			        <span><b></b><input id="txtInfo"  style="width:818px;height:20px; " disabled="disabled" value="1元就能买IPhone 4S哦，快去看看吧！ {WEB_PATH}/register/{wc:$uid}" onpaste="return false" type="text"></span>
				  <div class="d_clip_copy"></div>
				   <div id="d_clip_container" style="position:relative;overflow:hidden">									
					<div id="d_clip_button" class="bluebut f12" style="text-align:center;line-height:22px;width:60px;padding:0;" >复制</div>
				</div>
		        </div>
		    
            <div id="divInviteInfo"class="get-tips gray01 f12 bg_pink b_pink"   style="">成功邀请 <span class="orange">{wc:$involvedtotal}</span> 位会员注册，已有 <span class="c_red">{wc:$involvednum}</span> 位会员参与夺宝</div>
            <div id="divList" class="list-tab SuccessCon f12">
            <ul class="listTitle"><li class="w200">用户名</li><li class="w200">时间</li><li class="w180">邀请编号</li><li>消费状态</li></ul>
			{wc:if $involvedtotal!=0}
			{wc:loop $invifriends $key $val}
			  <ul><li class="w200">  <a href="{WEB_PATH}/uname/{wc:fun:idjia($val['uid'])}" target="_blank" class="blue">{wc:$val['sqlname']}</a></li>
			  <li class="w200">{wc:fun:date('Y.m.d H:i:s',$val['time'])}</li>
			  <li class="w180">{wc:fun:idjia($val['uid'])}</li>
			  <li>{wc:$records[$val['uid']]}</li></ul>
			{wc:loop:end}
            {wc:else}
			 <div class="tips-con f12"><i></i>您还未有邀请谁哦</div></div>
			{wc:if:end}			
			</div>
            <div id="divPageNav" class="page_nav"></div>
        </div>
	</div>	

<style>
  .goods_show li{
    color:#7D7D7D;
	float:left;
	width:194px;  
  }
 .goods_show li a{
    color:#22AAFF;
	border-bottom:1px solid #22AAFF;
  }
</style>
<script>
 var clip = null;	
function copy(id){ return document.getElementById(id); }	
function initx(){
	clip = new ZeroClipboard.Client();
	clip.setHandCursor(true);
	ZeroClipboard.setMoviePath("{G_TEMPLATES_STYLE}/js/ZeroClipboard.swf");
	clip.addEventListener('mouseOver',function (client){
		clip.setText(copy('txtInfo').value );
	});		
	clip.addEventListener('complete',function(client,text){
		alert("邀请复制成功");
	});		
	clip.glue('d_clip_button','d_clip_container');
}
$(function(){
	initx();
})

</script>
</div>
{wc:templates "index","footer"}